<!DOCTYPE HTML>
<script src="../../resources/ahem.js"></script>
<script src="resources/text-based-repaint.js"></script>
<script>
function repaintTest()
{
    document.getElementById('div1').style.width = '300px';
    document.getElementById('div2').style.width = '300px';
}
window.onload = runRepaintAndPixelTest;
</script>
<style>
body {
    margin: 0;
}
.container {
    font: 20px Ahem;
    width: 200px;
    position: absolute;
}
</style>
<div class="container" id="div1">
A A A A A AA AA AA AA AAA AAA AAA AAAA AAAA AAAAA AAAAA AAAAAA AAAAAAA AAAAAA AAAAA AAAAA AAAA AAAA AAA AAA AAA AA AA AA AA A A A A A
</div>
<div class="container" id="div2" style="top: 300px">
A A A A A
</div>
